<template>
	<div class="notecon">
		<div class="top">
			<span class="iconfont icon-zuojiantou" @click="hui()"></span>
			<div class="center">
				<img src="img/4_03.png" />
				<p>个人笔记</p>
			</div>
			
			<div class="topright">
				<button>收藏</button>
				<span class="iconfont icon-zhuanfa"></span>
			</div>
		</div>
		<Notedetail></Notedetail>
	</div>
</template>

<script>
	import Notedetail from 'com/notedetail.vue'
	export default{
		components:{
			Notedetail
		},
		methods:{
			hui(){
				this.$router.go(-1)
			}
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.top{
		width: 100%;
		height: 0.36rem;
		font-size: 0.15rem;
		text-align: center;
		padding-top: 0.2rem;
		position: fixed;
		border-bottom: 1px solid #fbfbfb;
		background-color: #ffffff;
		z-index: 9;
	}
	.top>span:nth-of-type(1){
		position: absolute;
		left:0.1rem;
	}
	.center{
		display: flex;
		position: absolute;left: 42%;
		img{
			width: 0.21rem;
			height: 0.18rem;
		}
		p{color: #118ff0;}
	}
	.icon-zhuanfa{
		line-height: 0.46rem;
		color: #118ff0;
		font-size: 0.24rem;
	}
	.topright{
		position: absolute;
		right: 0.1rem;
		top: 0.05rem;
		button{
			width: 0.46rem;
			height: 0.24rem;
			border: 0.01rem solid #118ff0;
			border-radius: 0.05rem;
			background-color: #FFFFFF;
			color: #118ff0;
		}
	}
</style>
